<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <link rel="stylesheet" href="css/base.css">
    <link rel="stylesheet" href="iconfont/iconfont.css">
    <link rel="stylesheet" href="css/style.css">
    <title>Document</title>
</head>

<body>
    <header class="header_outside">
        <header class="header_content">
            <h1>
                <a href=""><img src="images/logo.png" alt=""></a>
            </h1>
            <section>
                <form action="">
                    <div>
                        <input type="text" placeholder="热搜:成果">
                        <button>一查通</button>
                    </div>
                    <input type="checkbox" name="" id="cb1" checked><label for="cb1">政策</label>
                    <input type="checkbox" name="" id="cb2"><label for="cb2">政策</label>
                    <input type="checkbox" name="" id="cb3"><label for="cb3">政策</label>
                    <input type="checkbox" name="" id="cb4"><label for="cb4">政策</label>
                    <input type="checkbox" name="" id="cb5"><label for="cb5">政策</label>
                </form>
                <nav>
                    <li><a href="" class="active">首页</a></li>
                    <li><a href="">新闻资讯</a></li>
                    <li><a href="">科创服务</a></li>
                    <li><a href="">科研超市</a></li>
                    <li><a href="">协同交流</a></li>
                    <li><a href="">资料下载</a></li>
                </nav>
            </section>
            <figure>
                <figcaption>
                    <i class="iconfont icon-kefu"></i>
                    <span>联系电话</span>
                </figcaption>
                <article>
                    <p>020-88888888</p>
                    <p>020-88888888</p>
                </article>
            </figure>
        </header>
    </header>
    <main id="main_outside">
        <main class="main_content">
            <section class="section1_content clear_fix">
                <nav>
                    <li><a href=""><span>项目管理</span> <i class="iconfont icon-zuo"></i></a></li>
                    <li><a href=""><span>项目管理</span> <i class="iconfont icon-zuo"></i></a></li>
                    <li><a href=""><span>项目管理</span> <i class="iconfont icon-zuo"></i></a></li>
                    <li><a href=""><span>项目管理</span> <i class="iconfont icon-zuo"></i></a></li>
                    <li><a href=""><span>项目管理</span> <i class="iconfont icon-zuo"></i></a></li>
                    <li><a href=""><span>项目管理</span> <i class="iconfont icon-zuo"></i></a></li>
                    <li><a href=""><span>项目管理</span> <i class="iconfont icon-zuo"></i></a></li>
                </nav>
                <article>
                    <img src="images/banner.png" alt="">
                </article>
                <aside>
                    <div>
                        <img src="images/man.png" alt="">
                        <p>Hi,欢迎来到交通协同创新</p>
                        <a href="">登录</a>
                        <a href="">注册</a>
                    </div>
                    <ul class="section1_content_aside_nav1">
                        <li>通知公告</li>
                        <li class="active">新闻间讯</li>
                        <li>科技政策</li>
                    </ul>
                    <ul class="section1_content_aside_nav2">
                        <li>广东省交通运输厅组织开展2018年度科学比赛的冠军奖励</li>
                        <li>广东省交通运输厅组织开展2018年度科学比赛的冠军奖励</li>
                        <li>广东省交通运输厅组织开展2018年度科学比赛的冠军奖励</li>
                        <li>广东省交通运输厅组织开展2018年度科学比赛的冠军奖励</li>
                        <li>广东省交通运输厅组织开展2018年度科学比赛的冠军奖励</li>
                    </ul>
                </aside>
            </section>
            <section class="section2_content">
                <article>
                    <img src="images/xin_03.png" alt="">
                    <div>
                        <p>广东省交通运输厅关于何慧高速公路惠州平易于有偶平易于有偶</p>
                        <p>广东省交通运输厅关于何慧高速公路启动!</p>
                    </div>
                </article>
                <aside>
                    <div>
                        <p>项目:<span>145</span>项</p>
                        <p>标准:<span>150</span>项</p>
                    </div>
                    <div>
                        <p>项目:<span>145</span>项</p>
                        <p>标准:<span>150</span>项</p>
                    </div>
                    <div>
                        <p>项目:<span>145</span>项</p>
                        <p>标准:<span>150</span>项</p>
                    </div>
            </section>
            <section class="section3_content">
                <div><img src="images/pic_1.png" alt="">规划咨询</div><span></span>
                <div><img src="images/pic_1.png" alt="">规划咨询</div><span></span>
                <div><img src="images/pic_1.png" alt="">规划咨询</div><span></span>
                <div><img src="images/pic_1.png" alt="">规划咨询</div><span></span>
                <div><img src="images/pic_1.png" alt="">规划咨询</div><span></span>
                <div><img src="images/pic_1.png" alt="">规划咨询</div>
            </section>
            <section class="section4_content">
                <h3>工程科技动态 <a href="">更多<i class="iconfont icon-zuo"></i></a></h3>
                <section class="clear_fix">
                    <article>
                        <h4>广东省交通运输厅关于何慧高速公路惠州平易于的批复</h4>
                        <img src="images/pic_5_03.png" alt="">
                        <span>工程项目动态</span>
                    </article>
                    <aside>
                        <div>
                            <hgroup>
                                <h5>珠海横琴二桥建设施工关键技术研究</h5>
                                <h4>工程科技</h4>
                            </hgroup>
                            
                            <img src="images/pic_2.png" alt="">
                        </div>
                        <div>
                            <hgroup>
                                <h5>珠海横琴二桥建设施工关键技术研究</h5>
                                <h4>工程科技</h4>
                            </hgroup>
                            
                            <img src="images/pic_2.png" alt="">
                        </div>
                    </aside>
                </section>
            </section>
            <section class="section5_content">
                <h3>科技项目 <a href="">更多<i class="iconfont icon-zuo"></i></a></h3>
                <article>
                    <div>
                        <hgroup>
                            <h5>珠海横琴二桥建设施工关键技术研究</h5>
                            <h4>工程科技</h4>
                        </hgroup>
                        
                        <img src="images/pic_2.png" alt="">
                    </div>
                    <div>
                        <hgroup>
                            <h5>珠海横琴二桥建设施工关键技术研究</h5>
                            <h4>工程科技</h4>
                        </hgroup>
                        
                        <img src="images/pic_2.png" alt="">
                    </div>
                </article>
            </section>
            <section class="section5_content">
                <h3>科技项目 <a href="">更多<i class="iconfont icon-zuo"></i></a></h3>
                <article>
                    <div>
                        <hgroup>
                            <h5>珠海横琴二桥建设施工关键技术研究</h5>
                            <h4>工程科技</h4>
                        </hgroup>
                        
                        <img src="images/pic_2.png" alt="">
                    </div>
                    <div>
                        <hgroup>
                            <h5>珠海横琴二桥建设施工关键技术研究</h5>
                            <h4>工程科技</h4>
                        </hgroup>
                        
                        <img src="images/pic_2.png" alt="">
                    </div>
                </article>
            </section>
            <section class="section5_content">
                <h3>科技项目 <a href="">更多<i class="iconfont icon-zuo"></i></a></h3>
                <article>
                    <div>
                        <hgroup>
                            <h5>珠海横琴二桥建设施工关键技术研究</h5>
                            <h4>工程科技</h4>
                        </hgroup>
                        
                        <img src="images/pic_2.png" alt="">
                    </div>
                    <div>
                        <hgroup>
                            <h5>珠海横琴二桥建设施工关键技术研究</h5>
                            <h4>工程科技</h4>
                        </hgroup>
                        
                        <img src="images/pic_2.png" alt="">
                    </div>
                    <div>
                        <hgroup>
                            <h5>珠海横琴二桥建设施工关键技术研究</h5>
                            <h4>工程科技</h4>
                        </hgroup>
                        
                        <img src="images/pic_2.png" alt="">
                    </div>
                    <div>
                        <hgroup>
                            <h5>珠海横琴二桥建设施工关键技术研究</h5>
                            <h4>工程科技</h4>
                        </hgroup>
                        
                        <img src="images/pic_2.png" alt="">
                    </div>
                </article>
            </section>
            <section class="section6_content" >
                <img src="images/foot_banner_03.png" alt="">
            </section>
        </main>
    </main>
    <footer class="footer_top">
        <section class="footer_top_content">
            <h3>科技项目 <a href="">政策解读<em>创新指标</em><i class="iconfont icon-zuo"></i></a></h3>
            <article class="clear_fix">
                <div>
                    <img src="images/pic_3.png" alt="">
                </div>
                <div>
                    <img src="images/pic_4.png" alt="">
                </div>
            </article>
        </section>
    </footer>
    <footer class="footer_bottom">
        <section class="footer_bottom_content">
            <article class="footer_bottom_content_a1">
                <span>友情链接：</span>
                <a href="">广东省交通运输厅公众网</a>
                <a href="">广东省科学技术厅网站</a>
            </article>
            <article class="footer_bottom_content_a2 clear_fix">
                <ul>
                    <li>关于我们</li>
                    <li>平台服务</li>
                    <li>帮助中心</li>
                </ul>
                <ul>
                    <li>联系我们(工作日：8：00-4：30)</li>
                    <li>联系我们(工作日：8：00-4：30)</li>
                    <li>联系我们(工作日：8：00-4：30)</li>
                </ul>
                <aside>
                    <p>官方微信</p>
                    <img src="images/footer_erweima.png" alt="">
                </aside>
            </article>
            <article class="footer_bottom_content_a3">
                广东省交通科技协同创新服务中心(依托单位：广东华路交通科技有限公司)
            </article>
        </section>
    </footer>
</body>

</html>